<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <div>
    webpack 创建、打包
    <br>
    每次修改 `./src/` 后需要 重新打包
    <textarea cols="140" rows="50">
      // 一、安装需要
      // 1. 局部安装
      //    (1). nodejs 配置环境
             npm init
      //    (2). 局部安装 webpack
             npm i webpack@3.6.0 --save-dev

      // 2. 全局安装 webpack
      npm i webpack@3.6.0 -g

      //--------------------------------------------

      // 二、编译、打包 ----------- `win系统看 package.json`
      // 1. 如果是 全局的 webpack
      // 视频说的教程(cd 进入到 相应目录)
      webpack ./scr/main.js ./dist/bundle.js

      // 2.如果是 局部的 webpack ----------- `win系统看 package.json`
      // 视频说的教程(cd 进入到 相应目录)
      ./node_modules/.bin/webpack ./scr/main.js ./dist/bundle.js
      // 我的写法  (cd 根目录)
      ./node_modules/.bin/webpack ./01-webpack的使用/01-webpack的起步/src/main.js ./01-webpack的使用/01-webpack的起步/dist/bundle.js
    </textarea>
  </div>
  <script src="./dist/bundle.js"></script>
</body>
</html>